<div id="search" v-show="display">
	<div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">按名称查询</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">按坐标查询</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">按条件查询</a></li>
    
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">
    	<form class="form-inline" style="margin:20px 0">
		  <div class="form-group">
		    <label class="sr-only" for="exampleInputEmail3">道路名</label>
		    <input type="email" class="form-control" id="exampleInputEmail3" placeholder="道路名">
		  </div>
		  
		  <button type="submit" class="btn btn-default">搜 索</button>
		</form>
		<table class="table table-striped">
			<tr>
				<th>路名</th>
				<th>道路状态</th>
				<th>操作</th>
			</tr>
			<tr>
				<td>永兴路</td>
				<td>畅通</td>
				<td>
					<a href="">定位</a>
				</td>
			</tr> 	
			<tr>
				<td>永兴路</td>
				<td>畅通</td>
				<td>
					<a href="">定位</a>
				</td>
			</tr> 	
		</table>
		<nav>
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		  
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
    </div>
    <div role="tabpanel" class="tab-pane" id="profile">
    	<form class="form-inline" style="margin:20px 0">
		  <div class="form-group">
		    <label class="sr-only" for="exampleInputEmail3">经纬度</label>
		    <input type="email" class="form-control" id="exampleInputEmail3" placeholder="经纬度">
		  </div>
		  
		  <button type="submit" class="btn btn-default">搜 索</button>
		</form>
    </div>
    <div role="tabpanel" class="tab-pane" id="messages">...</div>
   
  </div>

</div>
</div>